<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="renderer" content="webkit">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>[简历]李欢欢-全栈开发工程师/北京</title>
    <link rel="shortcut icon" href="assets/images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="assets/css/typo.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/index.css">
    <script>
        function loading() {
            document.getElementsByClassName('avatar')[0].style.display = 'block';
            document.getElementsByClassName('loading')[0].style.display = 'none';
        }
    </script>
</head>

<body>

    <header class="header"></header>

    <article class="container">
        <section class="side" id="side">
            <!-- 左栏固定开关，记得及时删除这段代码 Start-->
            <label title="点击固定左侧栏" class="switch" style="display: none;" onchange="switchFixed()">
                <script type="text/javaScript">
                    function switchFixed(){
                        document.getElementById('side').style.position = document.getElementById('side').style.position === 'fixed' ? 'absolute' : 'fixed';
                    }
                </script>
                <input id="cb" type="checkbox">
                <span class="slider round"></span>
            </label>
            <style>
                @media (min-width: 414px){
                    .switch{position:relative;display:inline-block!important;width:60px;height:34px;}
                    .switch input{display:none;}
                    .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;}
                    .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s;}
                    input:checked + .slider{background-color:#1abc9c;}
                    input:focus + .slider{box-shadow:0 0 1px #1abc9c;}
                    input:checked + .slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px);}.slider.round{border-radius:34px;}
                    .slider.round:before{border-radius:50%;}
                }
            </style>
            <!-- 左侧固定开关，记得及时删除这段代码 End-->

            <!-- 个人肖像 -->
            <section class="me">
                <section class="portrait">
                    <div class="loading">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                    <!-- 头像照片 -->
                    <img class="avatar" style="cursor: pointer;" title="点击查看博客" onclick="location.href='https://lihhz.gitee.io'" src="assets/images/avatar.jpg" onload="loading()">
                </section>

                <h1 class="name">李欢欢</h1>
                <h4 class="info-job">全栈开发工程师 / 北京</h4>

            </section>

            <!-- 基本信息 -->
            <section class="profile info-unit">
                <h2>
                    <i class="fa fa-user" aria-hidden="true"></i>基本信息</h2>
                <hr/>
                <ul>
                    <li>
                        <label>个人简历</label>
                        <span><a href="./assets/file/李欢欢-Java软件开发工程师.pdf" target="_blank">李欢欢的简历</a></span>
                    </li>
                    <li>
                        <label>个人信息</label>
                        <span>李欢欢 / 男</span>
                    </li>
                    <li>
                        <label>出生年月</label>
                        <span>1992-08-09</span>
                    </li>
                    <li>
                        <label>籍贯民族</label>
                        <span>河南 / 汉族</span>
                    </li>
                    <li>
                        <label>居住地</label>
                        <span>北京 / 海淀</span>
                    </li>
                </ul>
            </section>

            <!-- 联系方式 -->
            <section class="contact info-unit">
                <h2>
                    <i class="fa fa-phone" aria-hidden="true"></i>联系方式</h2>
                <hr/>
                <ul>
                    <li>
                        <label>手机</label>
                        <a href="tel:13261208707" target="_blank">132-6120-8707</a>
                    </li>
                    <li>
                        <label>邮箱</label>
                        <a href="mailto:2776479680@qq.com" target="_blank">2776479680@qq.com</a>
                    </li>
                    <li>
                        <label>Github</label>
                        <a href="https://github.com/lihhz" target="_blank">github.com/lihhz</a>
                    </li>
                    <li>
                        <label>码云</label>
                        <a href="https://gitee.com/lihhz" target="_blank">gitee.com/lihhz</a>
                    </li>
                </ul>
            </section>

            <!-- 联系方式 -->
            <section class="blog info-unit">
                <h2>
                    <i class="fa fa-archive" aria-hidden="true"></i>个人博客</h2>
                <hr/>
                <ul>
                    <li>
                        <label>CSDN</label>
                        <a href="https://blog.csdn.net/qq_30682027" target="_blank">blog.csdn.net/qq_30682027</a>
                    </li>
                    <li>
                        <label>个人主页</label>
                        <a href="https://lihhz.gitee.io/" target="_blank">lihhz.gitee.io</a>
                    </li>
                </ul>
            </section>
            <!-- 技能点 -->
            <section class="skill info-unit">
                <h2>
                    <i class="fa fa-code" aria-hidden="true"></i>技能点</h2>
                <hr/>
                <ul>
                    <li>
                        <label>JAVA Web</label>
                        <progress value="95" max="100"></progress>
                    </li>
                    <li>
                        <label>JavaScript</label>
                        <progress value="93" max="100"></progress>
                    </li>
                    <li>
                        <label>HTML</label>
                        <progress value="90" max="100"></progress>
                    </li>
                    <li>
                        <label>Vue</label>
                        <progress value="88" max="100"></progress>
                    </li>
                    <li>
                        <label>React</label>
                        <progress value="88" max="100"></progress>
                    </li>
                    <li>
                        <label>CSS</label>
                        <progress value="85" max="100"></progress>
                    </li>
                    <li>
                        <label>Oracle</label>
                        <progress value="85" max="100"></progress>
                    </li>
                    <li>
                        <label>Node.js</label>
                        <progress value="70" max="100"></progress>
                    </li>
                    <li>
                        <label>Markdown</label>
                        <progress value="90" max="100"></progress>
                    </li>
                    <li>
                        <label>Photoshop</label>
                        <progress value="60" max="100"></progress>
                    </li>
                </ul>
            </section>

            <!--<section class="qrcode info-unit">-->
                <!--<h2><i class="fa fa-qrcode" aria-hidden="true"></i>二维码</h2>-->
                <!--<hr/>-->
                <!--<img src="https://github.com/if2er/FeZaoDuKe-Collection/blob/master/ifeees.jpg?raw=true" style="width: 100%;" alt="">-->
            <!--</section>-->

            <!-- 技术栈 -->
            <!-- <div class="stack info-unit">
                    <h2><i class="fa fa-code" aria-hidden="true"></i>其他</h2>
                    <hr/>
                    <ul>
                        <li>
                            <label>前端</label>
                            <span>React、jQuery、微信小程序、Bootstrap、SASS、LESS</span>
                        </li>
                        <li>
                            <label>后端</label>
                            <span>Node.js、MySQL、MongoDB、WordPress、ThinkPHP</span>
                        </li>
                        <li>
                            <label>其他</label>
                            <span>Git、SVN、Markdown</span>
                        </li>
                    </ul>
                </div> -->
        </section>

        <section class="main">
            <!-- 教育经历 -->
            <section class="edu info-unit">
                <h2>
                    <i class="fa fa-graduation-cap" aria-hidden="true"></i>教育经历</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span>福州大学 - 计算机科学与技术</span>
                            <time>2011.9-2015.6</time>
                        </h3>
                    </li>
                </ul>
            </section>

            <!-- 专业技能 -->
            <section class="skill info-unit">
                <h2>
                    <i class="fa fa-code" aria-hidden="true"></i>专业技能</h2>
                <hr/>
                <ul>
                    <li style="list-style: none">
                        <ul class="info-content">
                            <li>熟悉Html、JavaScript、CSS，熟悉前后端交互；熟悉ES6新特性</li>
                            <li>熟悉VueJs、Vue Router、Vuex等，熟悉React</li>
                            <li>了解nodejs；了解webpack、koa、eggjs的使用</li>
                            <li>熟悉Git、SVN版本控制工具的使用</li>
                            <li>熟悉IE、Chrome、Firefox以及基于Ie和Chrome核心等浏览器下的调试技巧</li>
                            <li>熟悉 JQuery、konckoutJs、requireJs 等前端 js 框架，有 easyui、ExtJs、Bootstrap 等前端 UI 框架的项目
使用经验</li>
                            <li>熟练掌握Java语言，熟悉Spring、Spring MVC、Hibernate、Mybatis等框架的使用</li>
                            <li>熟悉Tomcat的使用，了解weblogic的使用</li>
                            <li>熟悉常用Linux命令，熟悉Ubuntu、Deepin等系统的工作环境搭建、常用编程软件使用</li>
                            <li>熟悉Oracle、Mysql、Sqlite，熟悉Sql语句及存储过程等，熟练使用PLSQL、Navicat、Sqldeveloper等工具的使用</li>
                            <li>熟悉MVC、MVVM等开发模式</li>
                            <li>熟练使用Eclipse、MyEclipse、Intelij Idea、Webstrom等开发工具；了解Visual Studio</li>
                            <li>熟悉WireShark、iptool抓包工具的使用</li>
                            <li>了解PhotoShop的使用，可以使用PhotoShop进行网页设计等</li>
                        </ul>
                    </li>
                </ul>
            </section>

            <!-- 工作经历 -->
            <section class="work info-unit">
                <h2>
                    <i class="fa fa-shopping-bag" aria-hidden="true"></i>工作经历</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span>[经历1]<a target="_blank" href="http://www.bdstarlink.com/">福建航天星联信息科技有限公司</a>－Java开发工程师（实习）</span>
                            <time>2014.8 至 2015.5</time>
                        </h3>
                        <ul class="info-content">
                            <li>负责研发任务的跟踪及总结</li>
                            <li>解决相关技术难点的研究和解决</li>
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[经历2]<a target="_blank" href="http://www.bdstarlink.com/">福建航天星联信息科技有限公司</a>－软件开发工程师</span>
                            <time>2015.6 至 2016.8</time>
                        </h3>
                        <ul class="info-content">
                            <li>负责研发任务的跟踪及总结</li>
                            <li>解决相关技术难点的研究和解决</li>
                            <li>系统设计、核心功能编码及技术文档整理</li>
                            <li>分析系统瓶颈，解决各种疑难杂症</li>
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[经历3]<a target="_blank" href="http://www.yonyougov.com/">北京用友政务软件有限公司</a>－软件开发工程师</span>
                            <time>2016.8-至今</time>
                        </h3>
                        <ul class="info-content">
                            <li>负责研发任务的跟踪及总结</li>
                            <li>解决相关技术难点的研究和解决</li>
                            <li>系统设计、核心功能编码及技术文档整理</li>
                            <li>分析系统瓶颈，解决各种疑难杂症</li>
                        </ul>
                    </li>
                </ul>
            </section>

            <!-- 项目经验 -->
            <section class="project info-unit">
                <h2>
                    <i class="fa fa-terminal" aria-hidden="true"></i>项目经验</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span>[项目1]<a target="_blank" href="http://acc.mof.gov.cn">财政部会计行业管理系统</a></span>
                            <time>2017.4-至今</time>
                        </h3>
                        <ul class="info-content">
                            <li>
                                <i class="fa fa-cubes" aria-hidden="true"></i>
                                [技术栈]：Spring + Spring MVC + Mybatis + Bootstrap + KnockoutJs + Quartz + Oracle数据库</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                [项目描述]全国事务所、分所的设立、变更、终止迁移及证书打印；股东合伙人管理；全国注师的注册、审批；各级财政用户审批；事务所、分所年度报备、业务报备；报表信息查询；行政处罚管理；公示公告管理
                                <br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                [责任描述]负责Web系统设计、技术选择、基础框架搭建；核心功能编码、测试、维护
                                <br/>
                                <i class="fa fa-book" aria-hidden="true"></i>
                                [自学内容]从头到尾的参与了该项目。在项目中边学习边使用：Bootstrap + KnockoutJs + RequireJs + JQuery + Quartz 分布式定时任务 + Memcached分布式开发，还有就是以前用的都是Eclipse，在项目中通过同事的帮助学习了Intellij Idea的使用，触类旁通，学会使用Webstorm；个人兴趣：Vue/Vuex/Vue Router + React + NodeJs + Express + Webpack + ES 6；也学习了Python，可以开发出一些实用的脚本了；也学习了Git的使用，这个就让我开始了自我放飞的代码生涯了；将自己平时积累的、遇到的问题公布到CSDN博客，和广大同袍分享；学习了Wireshark抓包工具还有Photoshop的使用。
                            </li>
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[项目2]用款计划管理系统</span>
                            <time>2016.8-2017.3</time>
                        </h3>
                        <ul class="info-content">
                            <li><i class="fa fa-cubes" aria-hidden="true"></i>
                                [技术栈]：Hibernate + Quartz + Oracle数据库；公司F3平台
                            </li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                [项目描述]每年财政部年度指标的接入，计划生成等
                                <br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                [责任描述]负责新需求的开发，参与平常的技术维护。
                                <br/>
                                <i class="fa fa-book" aria-hidden="true"></i>
                                [自学内容]巩固了Sql基础；学习了Oracle数据库存储过程和函数的使用
                            </li>
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[项目3]<mark title="可在微信中关注">航天星联V服务</mark></span>
                            <!--<span class="link">-->
                            <!--<a href="#" target="_blank">Demo</a>-->
                            <!--</span>-->
                            <time>2015.6-2015.8</time>
                        </h3>
                        <ul class="info-content">
                            <li>
                                <i class="fa fa-cubes" aria-hidden="true"></i>
                                [技术栈]：微信JS-SDK + Jquery Mobile
                            </li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                [项目描述]航天星联车联网应用服务平台的微信公众号开发，为企业用户提供每周推送推荐内容、车辆监控、资讯社区和航天星联公司简介等。车企用户可在微信中进行车辆查询及车辆监控以及APP下载等，还可以进行对航天星联公司的了解和反馈等
                                <br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                [责任描述]负责二期开发。参与了二期需求的研讨；在一期已有的项目中添加了APP下载、问题反馈等功能的实现。并在后台添加了反馈信息的查询
                                <br/>
                                <i class="fa fa-book" aria-hidden="true"></i>
                                [自学内容]第一次也是唯一一次开发微信相关东西，感觉也挺有意思。在项目中学习并使用：Jquery Mobile+微信JS-SDK;巩固JavaScript、Html、Css基础
                            </li>
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[项目4]<mark>福建省新能源车量联网监控平台</mark></span>
                            <!--<span class="link">-->
                            <!--<a href="#" target="_blank">Demo</a>-->
                            <!--</span>-->
                            <time>2015.11-2016.8</time>
                        </h3>
                        <ul class="info-content">
                            <li><i class="fa fa-cubes" aria-hidden="true"></i>
                                [技术栈]：Spring + Spring MVC + Easy UI + MySQL 数据库 + C# + MySQL 优化</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                [项目描述]福建省所有新能源车辆的实时、报警及注册数据通过其它车企平台接入福建省新能源汽车运行监控平台。实现对车辆的监控管理、车辆数据的统计分析和基础平台信息的管理等
                                <br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                [责任描述]前期MySQL数据库的建立，通过C#开发中间组件（网关）接收其它车企传输的车辆注册、实时数据和报警数据并写入MySQL数据库；后期使用Java开发web页面，对接入的数据进行展示和统计分析并测试，数据量累积时中间组件批量插入MySQL数据库的性能调优、死锁处理，优化MySQL及sql语句解决web页面因数据量过多导致的查询性能低下，编写文档等
                                <br/>
                                <i class="fa fa-book" aria-hidden="true"></i>
                                [自学内容]在项目中学习并使用：Easy UI+C#+MySQL+MySQL优化，感觉比较有用的是MySQL的优化，因为数据量比较大，频繁遇到死锁问题，所以印象还是蛮时刻的；C#因为项目的原因学了下，但是不是很深入;个人兴趣：学习了很久的C/C++语言，但是好久没用，忘完了；开始使用为知笔记、印象笔记等笔记工具记录平时开发遇到的问题；学会抓包工具IPtool的使用
                            </li>
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[项目5]<mark>福建省社会乡镇船舶专用管理应用系统</mark></span>
                            <!--<span class="link">-->
                            <!--<a href="#" target="_blank">Demo</a>-->
                            <!--</span>-->
                            <time>2016.4-2016.5</time>
                        </h3>
                        <ul class="info-content">
                            <li><i class="fa fa-cubes" aria-hidden="true"></i>
                                [技术栈]：Spring + Spring MVC + Easy UI + 解析SOS设备、船舶或者岸上基站上报的数据并批量保存到MySQL数据库中</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                [项目描述]船员携带的SOS设备落水后通过船或者岸上基站上报紧急信号，监控人员可以在web页面查看并采取紧急措施；船舶出港或进港会通过岸上基站上报位置信息，从而实现对船舶的进出港管理
                                <br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                [责任描述]负责中间件的开发。使用C#编写程序，解析SOS设备、船舶或者岸上基站上报的数据并批量保存到MySQL数据库中。
                                <br/>
                                <i class="fa fa-book" aria-hidden="true"></i>
                                [自学内容]接触该项目时间不长。主要是有部分硬件参与，还是挺有意思的。
                            </li>
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[项目6]<a target="_blank" href="http://www.fjhtxl.cn/">车联网应用服务平台</a></span>
                            <!--<span class="link">-->
                            <!--<a href="#" target="_blank">Demo</a>-->
                            <!--</span>-->
                            <time>2014.8-2015.4</time>
                        </h3>
                        <ul class="info-content">
                            <li><i class="fa fa-cubes" aria-hidden="true"></i>
                                [技术栈]：Spring + Spring MVC + Hibernate + ExtJs + Oralce 数据库 + Quartz</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                [项目描述]通过车载终端上传企业或者车队的GPS或北斗信息，通过中间组件（鸿泉网关）经行实时数据入库，从而为车企用户提供车辆监控、数据统计分析、报警通知等服务
                                <br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                [责任描述]负责web中统计分析的开发，使用ExtJs进行展现，Spring MVC和hibernate进行逻辑处理；后期使用cxf开发PC客户端使用到的数据接口并进行维护；并开发单独的Java project为车企用户提供离上线、报警等短信通知服务
                                <br/>
                                <i class="fa fa-book" aria-hidden="true"></i>
                                [自学内容]这个项目是自己接触过的第一个项目。现在还记得看到自己开发功能上线时的心情……在项目中学习并使用：SVN版本控制工具+Quartz定时任务+ExtJs+Spring MVC;巩固JavaScript、Html、Css基础；巩固Plsql、eclipse等工具的使用，期间想尝鲜Intellij Idea，可惜失败了。
                            </li>
                        </ul>
                    </li>
                </ul>
            </section>

            <!-- 自我评价 -->
            <section class="work info-unit">
                <h2>
                    <i class="fa fa-pencil" aria-hidden="true"></i>自我评价/期望</h2>
                <hr/>
                    <span class="mark-txt" style="font-weight: bold">“远离安逸，永远向前”</span><br/>
                    <span class="mark-txt">&emsp;实习的那一年，我学会了企业级应用的开发流程和基本的开发知识。</span><br/>
                    <span class="mark-txt">&emsp;工作的第一年，我巩固了学校学到的知识，渐渐地脱离了学校的环境，融入工作的氛围</span><br/>
                    <span class="mark-txt">&emsp;而今又逾两年，期间，无数新技术诞生，若干大神崛起；自己也设计些东西，写了些东西，思考很多……</span><br/>
                    <span class="mark-txt">&emsp;此刻的我，只想超越自我，踏上征程</span>
            </section>
        </section>
    </article>



    <footer class="footer">
        <p>© 2018 李欢欢.文档最后更新时间为
            <time>2018年10月18日</time>.</p>
    </footer>

    <!-- 侧栏 -->
    <aside>
        <ul>
            <!--<li>-->
                <!--<a href="https://gitee.com/lihhz/resume" target="_blank">源代码</a>-->
            <!--</li>-->
            <li>
                <a href="https://lihhz.gitee.io" target="_blank">Blog</a>
            </li>
        </ul>
    </aside>

    <script src="./assets/js/index.js"></script>
</body>

</html>